.edit-item {
  & > main {
    min-height: 200px;
    margin-bottom: 20px;
  }
  & > footer {
    text-align: right;
  }
}

// ========== 各类型编辑表单的样式 ==========

.edit-text .variables {
  margin-top: 8px;
  a {
    margin-right: 0.5em;
  }
}

.edit-person-card {
  display: flex;
  flex-direction: column;
  height: 500px;
  overflow: hidden;
  width: 800px;

  .search {
    margin-bottom: 20px;
    flex-shrink: 0;
    .tips {
      color: #aaa;
      font-size: 13px;
      margin-top: 12px;
    }
  }

  .list {
    flex: 1;
    overflow: hidden;
  }
  .contact {
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    display: flex;
    padding: 0 6px;
    &:hover {
      background-color: #fafafa;
    }
    img {
      border-radius: 2px;
      height: 45px;
      width: 45px;
    }
    .info {
      flex: 1;
      overflow: hidden;
      padding: 0 12px;
      & > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .corp {
      font-size: 12px;
      color: #999;
    }
  }

  .choosed {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 20px;
    span {
      color: #777;
    }
  }
}

:global(.ant-modal-body) main.edit-group-invite {
  padding: 24px 0;

  :global(.qun-choose-groups) {
    height: 650px;
  }

  .queue-panel {
    margin-bottom: 28px;
    h2 {
      margin-bottom: 4px;
    }
    .disabled,
    .disabled :global(.ant-checkbox-wrapper) {
      color: #aaa;
    }
    :global(.ant-input-number) {
      margin-right: 8px;
      width: 70px;
    }
    .tips {
      padding-top: 6px;
      color: #999;
      font-size: 13px;
    }
  }

  .save {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    .tips {
      margin-right: 12px;
      color: #aaa;
      text-align: left;
      font-size: 13px;
    }
  }
}
